
<template>
    <div id="td"></div>
    <!-- <menuView></menuView>   
    <menuView1></menuView1>    -->
    <div v-if="c">{{c}}</div> 
    <div @click="onclick">按钮</div>
    <div @click="onclick2">按钮2</div>
</template>
<script setup >
    import { onMounted,reactive, toRefs } from "vue";
    import { initThree, render } from "../assets/ts/threeExport";
    import { getIndex } from "../http/api";
    // import menuView from "../view/menu/menuView.vue";
    // import  menuView1  from "../layout/menu/menu.vue";
    onMounted(() => {
        initThree("td");
        render();

    })
const obj = reactive({
    person: {
        name:'111',
        age: '13',
    },
    a:{
        b:1
    }
    })
const { person,a } = toRefs(obj)
const c = a.b;
const onclick2 = () => {
   
   
}
const onclick = () => {
    person.value.address.c = 3
}
</script>
<style scoped>
#td{
    width: 100%;
    height: 100%;
}
</style>